<template>
	<view class="container">
		<view>
			<image src="../../../static/image/dangjian.png" class="img-class"></image>
		</view>
		<view class="model-box">
			<view class="boxStyle3" v-for="item in partyBuildList" @click="goPage(item.path)">
				<view class="item-image">
					<image :src="item.icon" mode="aspectFit"></image>
				</view>
				<view class="item-text">{{item.title}}</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				partyBuildList: [{
					icon: '../../../static/image/dangjianyaowen.png',
					title: '党建要闻',
					path: '/package_isp/pages/party/partyNews'
				}, {
					icon: '../../../static/image/dangzuzhi.png',
					title: '党组织',
					path: '/package_isp/pages/party/party'
				},
				// {
				// 	icon: '../../../static/image/dangyuanjiaofei.png',
				// 	title: '党员缴费',
				// 	path: '/package_isp/pages/pay/partyPay?pageType=0'
				// },
				// {
				// 	icon: '../../../static/image/tuanyuanjiaofei.png',
				// 	title: '团员缴费',
				// 	path: '/package_isp/pages/pay/leaguePay?pageType=0'
				// }, 
				{
					icon: '../../../static/image/dangjianyaowen.png',
					title: '缴费规则',
					path: '/package_isp/pages/pay/paymentAlgorithm'
				}, ]
			}
		},
		methods: {
			goPage(url) {
				uni.navigateTo({
					url: url
				})
			}
		}
	}
</script>

<style lang="scss">
	page {
		background-color: #921F16;
	}

	.container {
		width: 100%;
		overflow: hidden;
		/* padding: 32upx; */
	}

	.img-class {
		width: 100%;
		height: 540upx;
		/* margin-bottom: 32upx; */
	}

	.model-box {
		padding: 36upx;
		width: 100%;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		flex-wrap: wrap;
	}

	.boxStyle3 {
		width: 100%;
		height: 160upx;	
		background: #F5CF94;
		border-radius: 8upx;
		margin-bottom: 32upx;
		display: flex;
		padding: 40upx 160upx;

		.item-image {
			width: 80upx;
			height: 80upx;
			margin-right: 32upx;

			image {
				width: 100%;
				height: 100%;
			}
		}

		.item-text {
			line-height: 80upx;
			text-align: center;
			font-size: 40upx;
			font-weight: bold;
			letter-spacing: 2px;
			color: #B72D1E
		}
	}
</style>
